<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <style type="text/css">
    table {
      border-collapse: collapse;
      border: 1px #C4C7CE solid;
    }

    th, td {
      padding: 10px;
      width: 100px;
      border: 1px #C4C7CE solid;
      text-align: center;
    }

    #operButton {
      position: absolute;
      left: 600px;
      top: 100px;
    }

    #operButton button {
      width: 100px;
      height: 50px;
    }

  </style>
  <script type="text/javascript" src="../js/jquery.min.js"></script>
</head>
<body>
<div>
  <table id="myTable">
    <tr>
      <th>姓名</th>
      <th>性别</th>
      <th>年龄</th>
      <th>爱好</th>
      <th>地址</th>
      <th>成绩</th>
    </tr>
    <tbody>
    <tr>
      <td colspan="2">男</td>
      <td style="display: none">蔡徐坤</td>
      <td>20</td>
      <td rowspan="4">篮球</td>
      <td>武汉</td>
      <td>98</td>
    </tr>
    <tr>
      <td>女</td>
      <td>张玲</td>
      <td>19</td>
      <td style="display: none">画画</td>
      <td>成都</td>
      <td>76</td>
    </tr>
    <tr>
      <td>男</td>
      <td colspan="2" rowspan="2">李四</td>
      <td style="display: none">23</td>
      <td style="display: none">上网</td>
      <td>北京</td>
      <td>90</td>
    </tr>
    <tr>
      <td>男</td>
      <td style="display: none">武松</td>
      <td style="display: none">40</td>
      <td style="display: none">打虎</td>
      <td>上海</td>
      <td>80</td>
    </tr>
    <tr>
      <td>女</td>
      <td>赵丽</td>
      <td>29</td>
      <td>染发</td>
      <td>南京</td>
      <td>79</td>
    </tr>
    <tr>
      <td>男</td>
      <td>孙尚香</td>
      <td>30</td>
      <td>射箭</td>
      <td>蜀国</td>
      <td>80</td>
    </tr>
    <tr>
      <td>女</td>
      <td>李萍</td>
      <td>19</td>
      <td>养花</td>
      <td>天津</td>
      <td>70</td>
    </tr>

    </tbody>
  </table>
</div>



</body>
</html>
